<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<p:dialog id="popUpNuevoUsuario"
		header="#{i18n['mpo.usuario.cliente.registrar']}" widgetVar="dlgNuevoUsuario"
		modal="true" minWidth="450" appendTo="@(body)">
		<h:form id="formNuevoUsuario">
			<p:panel id="pnlNuevoUsuario" styleClass="formulario">
				<table>
					<tr>
						<td width="30%"><h:outputLabel for="txtNombre"
								value="#{i18n['mpo.usuario.cliente.nombre']}" /></td>
						<td width="70%"><p:inputText id="txtNombre"
								style="width: 70%" required="true"
								value="#{usuarioDataManager.personaInstancia.nombres}"
								label="#{i18n['mpo.usuario.cliente.nombre']}" /></td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtApellido"
								value="#{i18n['mpo.usuario.cliente.apellido']}" /></td>
						<td><p:inputText id="txtApellido" style="width: 70%"
								required="true"
								value="#{usuarioDataManager.personaInstancia.apellidos}"
								label="#{i18n['mpo.usuario.cliente.apellido']}" /></td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtPasaporte"
								value="#{i18n['mpo.usuario.cliente.pasaporte']}" /></td>
						<td><p:inputText id="txtPasaporte" style="width: 70%"
								value="#{usuarioDataManager.personaInstancia.pasaporte}"
								label="#{i18n['mpo.usuario.cliente.pasaporte']}" /></td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtMail"
								value="#{i18n['mpo.usuario.email']}" /></td>
						<td><p:inputText id="txtMail" style="width: 70%"
								value="#{usuarioDataManager.personaInstancia.email}"
								label="#{i18n['mpo.usuario.cliente.email']}">
								<f:validator validatorId="com.mpo.web.validador.EmailValidator" />
							</p:inputText></td>

					</tr>
					<tr>
						<td><h:outputLabel for="selectPerfil"
								value="#{i18n['label.pais']}" /></td>
						<td><p:selectOneMenu id="selectPerfil" required="true"
								style="width: 70%"
								value="#{usuarioController.idPerfilSeleccionado}"
								label="#{i18n['label.perfil']}">
								<f:selectItem itemValue=""
									itemLabel="#{i18n['label.seleccione']}" />
								<f:selectItems value="Ecuador" />
							</p:selectOneMenu></td>
					</tr>
					
					
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{usuarioController.registrarUsuario}"
					process="@this,pnlNuevoUsuario"
					update="pnlNuevoUsuario,:formUsuario:tablaUsuarios,:formUsuario:pnlMessages"
					oncomplete="dlgNuevoUsuario.hide();" />
				<p:commandButton value="#{i18n['label.cancelar']}"
					onclick="dlgNuevoUsuario.hide();" type="button" />
			</p:panel>
		</h:form>
	</p:dialog>

</ui:composition>